/* ==============================================================
    Main stylesheet
   --------------------------------------------------------------
    Starting CSS that provides a modern HTML-5 ready alternative
    to CSS resets, by making browsers render all elements more
    consistently and in line with modern standards.
    Also includes user custom styles defined in custom.less.
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   --------------------------------------------------------------
    Greatly inspired by HTML5 ✰ Boilerplates work on cross-browser
    styling (h5bp.com/css).
   ============================================================== */
/* --------------------------------------------------------------
    HTML5 display definitions
   -------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
/* --------------------------------------------------------------
    Base
   --------------------------------------------------------------
    Correct text resizing oddly in IE6/7 when body font-size
    is set using em units and prevent iOS text size adjust on
    device orientation change, without disabling user zoom.
   -------------------------------------------------------------- */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  font-size: 13px;
  line-height: 1.231;
}
body,
button,
input,
select,
textarea {
  font-family: sans-serif;
  color: #222;
}
/* --------------------------------------------------------------
    Links
   -------------------------------------------------------------- */
a {
  color: #00E;
}
a:visited {
  color: #551A8B;
}
a:hover {
  color: #06E;
}
a:focus {
  outline: thin dotted;
}
a:hover,
a:active {
  outline: 0;
}
/* --------------------------------------------------------------
    Typography
   -------------------------------------------------------------- */
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
blockquote {
  margin: 1em 40px;
}
dfn {
  font-style: italic;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #CCC;
  margin: 1em 0;
  padding: 0;
}
ins {
  background: #FF9;
  color: #000;
  text-decoration: none;
}
mark {
  background: #FF0;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
q {
  quotes: none;
}
q:before,
q:after {
  content: "";
  content: none;
}
small {
  font-size: 85%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* --------------------------------------------------------------
    Lists
   -------------------------------------------------------------- */
ul,
ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}
dd {
  margin: 0 0 0 40px;
}
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
/* --------------------------------------------------------------
    Embedded content
   --------------------------------------------------------------
    Improve image quality when scaled in IE7.
    Remove the gap between images and borders on image containers.
    Correct overflow not hidden in IE9.
   -------------------------------------------------------------- */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
}
svg:not(:root) {
  overflow: hidden;
}
/* --------------------------------------------------------------
    Figures
   -------------------------------------------------------------- */
figure {
  margin: 0;
}
/* --------------------------------------------------------------
    Forms
   -------------------------------------------------------------- */
form {
  margin: 0;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
label {
  cursor: pointer;
}
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
button,
input {
  line-height: normal;
  *overflow: visible;
}
table button,
table input {
  *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
[role="button"] {
  cursor: pointer;
  -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
  resize: vertical;
}
input:invalid,
textarea:invalid {
  background-color: #F0DDDD;
}
/* --------------------------------------------------------------
    Tables
   -------------------------------------------------------------- */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td {
  vertical-align: top;
}
/* --------------------------------------------------------------
    Custom styles
   -------------------------------------------------------------- */
/* ==============================================================
    Custom stylesheet
   --------------------------------------------------------------
    Define application specific and device specific styles.
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   ============================================================== */
/* --------------------------------------------------------------
    Imports
   -------------------------------------------------------------- */
/* ==============================================================
    Mixins & Utilities
   --------------------------------------------------------------
    Contains usefull classes, mixins, functions and variables
    usable to easily define custom styles.
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   --------------------------------------------------------------
    Based on LessElements and Bootstrap project 
   ============================================================== */
/* --------------------------------------------------------------
    Colors
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Sizing
   -------------------------------------------------------------- */
/**
 *  Create a square shaped element.
 * 
 *  @size  Size of the square
 */
/**
 *  Sets an element width and height.
 * 
 *  @height  Height value
 *  @width   Width value
 */
/* --------------------------------------------------------------
    Gradient
   -------------------------------------------------------------- */
/**
 *  Sets a gradient background 
 *  
 *  @startColor  Start color
 *  @endColor    End color and background color for browsers that doesn't support gradients
 *  @deg         Gradient angle, in degrees
 *  @midColor    Start middle color
 *  @colorStop   End middle color
 */
/* --------------------------------------------------------------
    Borders
   -------------------------------------------------------------- */
/**
 *  Set a border that doesn't varies on each side.
 * 
 *  @color      Border color
 *  @thickness  Border thickness 
 */
/**
 *  Set a border that varies on each side.
 * 
 *  @top-color     Top border color
 *  @right-color   Right border color
 *  @bottom-color  Bottom border color
 *  @left-color    Left border color
 *  @thickness     Border thickness 
 */
/**
 *  Set a border radius for all corners.
 * 
 *  @radius  Horizontal and vertical radius
 */
/**
 *  Set a border radius for all corner individually.
 * 
 *  @topleft      Radius value for top left corner
 *  @topright     Radius value for top right corner
 *  @bottomright  Radius value for bottom right corner
 *  @bottomleft   Radius value for bottom left corner
 */
/* --------------------------------------------------------------
    Transformations
   -------------------------------------------------------------- */
/**
 * Sets the opacity.
 * 
 * @opacity  Element opacity
 */
/**
 *  Rotates an item.
 * 
 *  @deg Angle in degrees
 */
/**
 *  Scales an item by the ratio provided.
 * 
 *  @ratio Value of the scale ratio
 */
/**
 *  Sets the transition duration and the effect to use
 * 
 *  @duration  Trasition duration, in seconds
 *  @ease      Trasition effect
 */
/**
 *  Sets the transition duration.
 * 
 *  @duration Transition duration, in seconds
 */
/**
 *  Translates an element.
 * 
 *  @x  X offset
 *  @y  Y offset
 */
/* --------------------------------------------------------------
  Shadows
 -------------------------------------------------------------- */
/**
 *  Sets the inner shadow.
 * 
 *  @horizontal  Horizontal shadow
 *  @vertical    Vertical shadow
 *  @blur        Blur of the shadow
 *  @alpha       Opacity of the shadow
 */
/**
 *  Sets the box shadow.
 * 
 *  @arguments  h-shadow v-shadow blur spread color inset;
 */
/**
 *  Sets the text shadow.
 */
/* --------------------------------------------------------------
    Fonts
   -------------------------------------------------------------- */
/**
 *  Sets the font style and allow to choose a font family.
 * 
 *  @weight      Font weight
 *  @size        Font size
 *  @lineHeight  Line height
 */
/* --------------------------------------------------------------
    Button
   -------------------------------------------------------------- */
/**
 *  Sets a button's style.
 * 
 *  @color         Background color
 *  @textColor     Text color
 *  @textShadow    Text shadow
 *  @fontSize      Font size
 *  @padding       Button padding
 *  @borderRadius  Rounded border radius
 */
/* --------------------------------------------------------------
    Colors
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Fonts
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Images
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Typography
   -------------------------------------------------------------- */
em {
  font-style: italic;
}
strong {
  font-weight: 700;
}
small {
  font-size: 80%;
}
/* --------------------------------------------------------------
    Buttons
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Forms
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Links
   -------------------------------------------------------------- */
a {
  outline: 0;
}
a:hover {
  text-decoration: underline;
}
/* --------------------------------------------------------------
    Lists
   -------------------------------------------------------------- */
ul .square {
  list-style: square outside;
}
ul .circle {
  list-style: circle outside;
}
ul .disc {
  list-style: disc outside;
}
/* --------------------------------------------------------------
    Structure
   -------------------------------------------------------------- */
/* ==============================================================
    Structure stylesheet
   --------------------------------------------------------------
    Define application structure styles.
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   ============================================================== */
/* --------------------------------------------------------------
    Colors
   -------------------------------------------------------------- */
/* ==============================================================
    Mixins & Utilities
   --------------------------------------------------------------
    Contains usefull classes, mixins, functions and variables
    usable to easily define custom styles.
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   --------------------------------------------------------------
    Based on LessElements and Bootstrap project 
   ============================================================== */
/* --------------------------------------------------------------
    Colors
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Sizing
   -------------------------------------------------------------- */
/**
 *  Create a square shaped element.
 * 
 *  @size  Size of the square
 */
/**
 *  Sets an element width and height.
 * 
 *  @height  Height value
 *  @width   Width value
 */
/* --------------------------------------------------------------
    Gradient
   -------------------------------------------------------------- */
/**
 *  Sets a gradient background 
 *  
 *  @startColor  Start color
 *  @endColor    End color and background color for browsers that doesn't support gradients
 *  @deg         Gradient angle, in degrees
 *  @midColor    Start middle color
 *  @colorStop   End middle color
 */
/* --------------------------------------------------------------
    Borders
   -------------------------------------------------------------- */
/**
 *  Set a border that doesn't varies on each side.
 * 
 *  @color      Border color
 *  @thickness  Border thickness 
 */
/**
 *  Set a border that varies on each side.
 * 
 *  @top-color     Top border color
 *  @right-color   Right border color
 *  @bottom-color  Bottom border color
 *  @left-color    Left border color
 *  @thickness     Border thickness 
 */
/**
 *  Set a border radius for all corners.
 * 
 *  @radius  Horizontal and vertical radius
 */
/**
 *  Set a border radius for all corner individually.
 * 
 *  @topleft      Radius value for top left corner
 *  @topright     Radius value for top right corner
 *  @bottomright  Radius value for bottom right corner
 *  @bottomleft   Radius value for bottom left corner
 */
/* --------------------------------------------------------------
    Transformations
   -------------------------------------------------------------- */
/**
 * Sets the opacity.
 * 
 * @opacity  Element opacity
 */
/**
 *  Rotates an item.
 * 
 *  @deg Angle in degrees
 */
/**
 *  Scales an item by the ratio provided.
 * 
 *  @ratio Value of the scale ratio
 */
/**
 *  Sets the transition duration and the effect to use
 * 
 *  @duration  Trasition duration, in seconds
 *  @ease      Trasition effect
 */
/**
 *  Sets the transition duration.
 * 
 *  @duration Transition duration, in seconds
 */
/**
 *  Translates an element.
 * 
 *  @x  X offset
 *  @y  Y offset
 */
/* --------------------------------------------------------------
  Shadows
 -------------------------------------------------------------- */
/**
 *  Sets the inner shadow.
 * 
 *  @horizontal  Horizontal shadow
 *  @vertical    Vertical shadow
 *  @blur        Blur of the shadow
 *  @alpha       Opacity of the shadow
 */
/**
 *  Sets the box shadow.
 * 
 *  @arguments  h-shadow v-shadow blur spread color inset;
 */
/**
 *  Sets the text shadow.
 */
/* --------------------------------------------------------------
    Fonts
   -------------------------------------------------------------- */
/**
 *  Sets the font style and allow to choose a font family.
 * 
 *  @weight      Font weight
 *  @size        Font size
 *  @lineHeight  Line height
 */
/* --------------------------------------------------------------
    Button
   -------------------------------------------------------------- */
/**
 *  Sets a button's style.
 * 
 *  @color         Background color
 *  @textColor     Text color
 *  @textShadow    Text shadow
 *  @fontSize      Font size
 *  @padding       Button padding
 *  @borderRadius  Rounded border radius
 */
/* --------------------------------------------------------------
    Fonts
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Images
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Elements
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Device specific styles
   -------------------------------------------------------------- */
/* ==============================================================
    iPad specific stylesheet
   --------------------------------------------------------------
    
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   ============================================================== */
/* --------------------------------------------------------------
    Imports
   -------------------------------------------------------------- */
/* ==============================================================
    Mixins & Utilities
   --------------------------------------------------------------
    Contains usefull classes, mixins, functions and variables
    usable to easily define custom styles.
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   --------------------------------------------------------------
    Based on LessElements and Bootstrap project 
   ============================================================== */
/* --------------------------------------------------------------
    Colors
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Sizing
   -------------------------------------------------------------- */
/**
 *  Create a square shaped element.
 * 
 *  @size  Size of the square
 */
/**
 *  Sets an element width and height.
 * 
 *  @height  Height value
 *  @width   Width value
 */
/* --------------------------------------------------------------
    Gradient
   -------------------------------------------------------------- */
/**
 *  Sets a gradient background 
 *  
 *  @startColor  Start color
 *  @endColor    End color and background color for browsers that doesn't support gradients
 *  @deg         Gradient angle, in degrees
 *  @midColor    Start middle color
 *  @colorStop   End middle color
 */
/* --------------------------------------------------------------
    Borders
   -------------------------------------------------------------- */
/**
 *  Set a border that doesn't varies on each side.
 * 
 *  @color      Border color
 *  @thickness  Border thickness 
 */
/**
 *  Set a border that varies on each side.
 * 
 *  @top-color     Top border color
 *  @right-color   Right border color
 *  @bottom-color  Bottom border color
 *  @left-color    Left border color
 *  @thickness     Border thickness 
 */
/**
 *  Set a border radius for all corners.
 * 
 *  @radius  Horizontal and vertical radius
 */
/**
 *  Set a border radius for all corner individually.
 * 
 *  @topleft      Radius value for top left corner
 *  @topright     Radius value for top right corner
 *  @bottomright  Radius value for bottom right corner
 *  @bottomleft   Radius value for bottom left corner
 */
/* --------------------------------------------------------------
    Transformations
   -------------------------------------------------------------- */
/**
 * Sets the opacity.
 * 
 * @opacity  Element opacity
 */
/**
 *  Rotates an item.
 * 
 *  @deg Angle in degrees
 */
/**
 *  Scales an item by the ratio provided.
 * 
 *  @ratio Value of the scale ratio
 */
/**
 *  Sets the transition duration and the effect to use
 * 
 *  @duration  Trasition duration, in seconds
 *  @ease      Trasition effect
 */
/**
 *  Sets the transition duration.
 * 
 *  @duration Transition duration, in seconds
 */
/**
 *  Translates an element.
 * 
 *  @x  X offset
 *  @y  Y offset
 */
/* --------------------------------------------------------------
  Shadows
 -------------------------------------------------------------- */
/**
 *  Sets the inner shadow.
 * 
 *  @horizontal  Horizontal shadow
 *  @vertical    Vertical shadow
 *  @blur        Blur of the shadow
 *  @alpha       Opacity of the shadow
 */
/**
 *  Sets the box shadow.
 * 
 *  @arguments  h-shadow v-shadow blur spread color inset;
 */
/**
 *  Sets the text shadow.
 */
/* --------------------------------------------------------------
    Fonts
   -------------------------------------------------------------- */
/**
 *  Sets the font style and allow to choose a font family.
 * 
 *  @weight      Font weight
 *  @size        Font size
 *  @lineHeight  Line height
 */
/* --------------------------------------------------------------
    Button
   -------------------------------------------------------------- */
/**
 *  Sets a button's style.
 * 
 *  @color         Background color
 *  @textColor     Text color
 *  @textShadow    Text shadow
 *  @fontSize      Font size
 *  @padding       Button padding
 *  @borderRadius  Rounded border radius
 */
/* --------------------------------------------------------------
    Landscape
   -------------------------------------------------------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  
}
/* --------------------------------------------------------------
    Portrait
   -------------------------------------------------------------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  
}
/* ==============================================================
    Mobile specific stylesheet
   --------------------------------------------------------------
    Designed for iPhone 4, Opera Mobile 11 and other 3/2 pixel
    ratio devices.
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   ============================================================== */
/* --------------------------------------------------------------
    Imports
   -------------------------------------------------------------- */
/* ==============================================================
    Mixins & Utilities
   --------------------------------------------------------------
    Contains usefull classes, mixins, functions and variables
    usable to easily define custom styles.
   --------------------------------------------------------------
    Author : Yohann CALLEA
    Last update : 20/09/2012
   --------------------------------------------------------------
    Based on LessElements and Bootstrap project 
   ============================================================== */
/* --------------------------------------------------------------
    Colors
   -------------------------------------------------------------- */
/* --------------------------------------------------------------
    Sizing
   -------------------------------------------------------------- */
/**
 *  Create a square shaped element.
 * 
 *  @size  Size of the square
 */
/**
 *  Sets an element width and height.
 * 
 *  @height  Height value
 *  @width   Width value
 */
/* --------------------------------------------------------------
    Gradient
   -------------------------------------------------------------- */
/**
 *  Sets a gradient background 
 *  
 *  @startColor  Start color
 *  @endColor    End color and background color for browsers that doesn't support gradients
 *  @deg         Gradient angle, in degrees
 *  @midColor    Start middle color
 *  @colorStop   End middle color
 */
/* --------------------------------------------------------------
    Borders
   -------------------------------------------------------------- */
/**
 *  Set a border that doesn't varies on each side.
 * 
 *  @color      Border color
 *  @thickness  Border thickness 
 */
/**
 *  Set a border that varies on each side.
 * 
 *  @top-color     Top border color
 *  @right-color   Right border color
 *  @bottom-color  Bottom border color
 *  @left-color    Left border color
 *  @thickness     Border thickness 
 */
/**
 *  Set a border radius for all corners.
 * 
 *  @radius  Horizontal and vertical radius
 */
/**
 *  Set a border radius for all corner individually.
 * 
 *  @topleft      Radius value for top left corner
 *  @topright     Radius value for top right corner
 *  @bottomright  Radius value for bottom right corner
 *  @bottomleft   Radius value for bottom left corner
 */
/* --------------------------------------------------------------
    Transformations
   -------------------------------------------------------------- */
/**
 * Sets the opacity.
 * 
 * @opacity  Element opacity
 */
/**
 *  Rotates an item.
 * 
 *  @deg Angle in degrees
 */
/**
 *  Scales an item by the ratio provided.
 * 
 *  @ratio Value of the scale ratio
 */
/**
 *  Sets the transition duration and the effect to use
 * 
 *  @duration  Trasition duration, in seconds
 *  @ease      Trasition effect
 */
/**
 *  Sets the transition duration.
 * 
 *  @duration Transition duration, in seconds
 */
/**
 *  Translates an element.
 * 
 *  @x  X offset
 *  @y  Y offset
 */
/* --------------------------------------------------------------
  Shadows
 -------------------------------------------------------------- */
/**
 *  Sets the inner shadow.
 * 
 *  @horizontal  Horizontal shadow
 *  @vertical    Vertical shadow
 *  @blur        Blur of the shadow
 *  @alpha       Opacity of the shadow
 */
/**
 *  Sets the box shadow.
 * 
 *  @arguments  h-shadow v-shadow blur spread color inset;
 */
/**
 *  Sets the text shadow.
 */
/* --------------------------------------------------------------
    Fonts
   -------------------------------------------------------------- */
/**
 *  Sets the font style and allow to choose a font family.
 * 
 *  @weight      Font weight
 *  @size        Font size
 *  @lineHeight  Line height
 */
/* --------------------------------------------------------------
    Button
   -------------------------------------------------------------- */
/**
 *  Sets a button's style.
 * 
 *  @color         Background color
 *  @textColor     Text color
 *  @textShadow    Text shadow
 *  @fontSize      Font size
 *  @padding       Button padding
 *  @borderRadius  Rounded border radius
 */
@media (only screen and (-webkit-min-device-pixel-ratio: 1.5)), (only screen and (-o-min-device-pixel-ratio: 3/2)), (only screen and (min--moz-device-pixel-ratio: 1.5)), (only screen and (min-device-pixel-ratio: 1.5)) {
  
}
/* --------------------------------------------------------------
    Non-semantic helper classes
   --------------------------------------------------------------
    Do not add any custom style after this section.
   -------------------------------------------------------------- */
/* Prevent callout */
.nocallout {
  -webkit-touch-callout: none;
}
/* A hack for HTML5 contenteditable attribute on mobile */
textarea[contenteditable] {
  -webkit-appearance: none;
}
/* A workaround for S60 3.x and 5.0 devices which do not animated gif images if they have been set as display: none */
.gifhidden {
  position: absolute;
  left: -100%;
}
/* For image replacement */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.ir br {
  display: none;
}
/* Hide from both screenreaders and browsers */
.hidden {
  display: none !important;
  visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden .focusable:active,
.visuallyhidden .focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}
.pointer {
  cursor: pointer;
}
/* Contain floats */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* --------------------------------------------------------------
    Print styles
   --------------------------------------------------------------
    Strip all background colors, change the font color to black
    and remove text-shadow.
    
    Anchors are underlined and their colors removed.
    
    Anchors and Abbreviations are expanded to indicate where
    users reading the printed page can refer to, but  link text
    for image replaced elements are not displayed.
   -------------------------------------------------------------- */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page  {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
